<template>
  <h1> Vite + Vue3 + TS </h1>
  <h2>年龄 - 今年：<input type="number" v-model="age" /></h2>
  <h2>年龄 - 明年：<input type="number" v-model="age1" /></h2>
  <h2>年龄 - 后年：<input type="number" v-model="age2" /></h2>
</template>

<script setup lang="ts">
import { ref, computed } from 'vue';

let age = ref(18);

// * 基础使用

// 返回计算后的新结果
const age1 = computed(() => {
  return age.value + 1;
});

// * 完整写法
const age2 = computed({
  get() {
    return age.value + 2;
  },
  set(val: number) {
    return (age.value = val - 2);
  },
});
</script>
